<template>
	<view class="u-p-30">
    <u-navbar title="考勤打卡" :autoBack="true">
    </u-navbar>

     <u-gap height="50" bgColor="#F8FAFB"></u-gap>

		<view class="item u-flex u-row-between u-col-center bg-white u-p-30" @click="jump('pages/user/clock')">
			<view class="u-flex-1 u-flex">
				<view class="">
					<u-icon name="/static/images/user/slice92x.png" width="48" height="48"></u-icon>
				</view>
				<view class="u-m-l-15">
					<view class="text-black u-font-weight u-font-30 u-p-b-10">
						考勤打卡
					</view>
					<view class="text-tips u-font-26 u-p-t-10">
						早起打卡 养成好习惯
					</view>
				</view>
			</view>
			<view class="">
				<u-icon name="arrow-right"></u-icon>
			</view>
		</view>

		<view class="item u-flex u-row-between u-col-center bg-white u-p-30 u-m-tb-30" @click="jump('pages/user/apply')">
			<view class="u-flex-1 u-flex">
				<view class="">
					<u-icon name="/static/images/user/slice102x.png" width="48" height="48"></u-icon>
				</view>
				<view class="u-m-l-15">
					<view class="text-black u-font-weight u-font-30 u-p-b-10">
						请假申请
					</view>
					<view class="text-tips u-font-26 u-p-t-10">
						早起打卡 养成好习惯
					</view>
				</view>
			</view>
			<view class="">
				<u-icon name="arrow-right"></u-icon>
			</view>
		</view>

		<view class="item u-flex u-row-between u-col-center bg-white u-p-30" @click="jump('pages/user/approval')" v-if="userType == 3">
			<view class="u-flex-1 u-flex">
				<view class="">
					<u-icon name="/static/images/user/slice112x.png" width="48" height="48"></u-icon>
				</view>
				<view class="u-m-l-15">
					<view class="text-black u-font-weight u-font-30 u-p-b-10">
						请假审批
					</view>
					<view class="text-tips u-font-26 u-p-t-10">
						早起打卡 养成好习惯
					</view>
				</view>
			</view>
			<view class="">
				<u-icon name="arrow-right"></u-icon>
			</view>
		</view>
	</view>
</template>

<script>
	import {mapState} from "vuex"
	export default {
	  data() {
	    return {

	    }
	  },
	  computed:{
	    ...mapState(["userInfo","userType","userId"]),
	  },
	  methods: {
	    jump(url) {
	      this.$u.route(url)
	    }
	  }
	}
</script>

<style>
page{
	background: #F8FAFB;
}
</style>
<style lang="scss" scoped>
.item{
	border-radius: 24rpx;
}
</style>
